<!--<template>-->
<!--<el-autocomplete-->
<!--	:disabled="disable"-->
<!--	@blur="check_input"-->
<!--	class="input-with-select"-->

<!--	v-model="components_fuzzy_search.value"-->
<!--	@select="components_handleSelectSmallName"-->
<!--	:fetch-suggestions="components_querySearchSmallName"-->
<!--&gt;-->
<!--	<template #prepend>-->
<!--		<el-radio-group v-model="components_fuzzy_search.mode">-->
<!--			<el-radio-button label="编号"/>-->
<!--			<el-radio-button label="名称"/>-->
<!--			<el-radio-button label="型号"/>-->
<!--		</el-radio-group>-->
<!--	</template>-->


<!--	<template #append>-->
<!--		<el-button @click="clear_all()">-->
<!--			<el-icon>-->
<!--				<Delete/>-->
<!--			</el-icon>-->
<!--		</el-button>-->
<!--	</template>-->
<!--</el-autocomplete>-->

<!--</template>-->

<!--<script setup lang="ts">-->
<!--import {reactive} from "vue";-->
<!--import {reqSmallFuzzySearch} from "@/api/first/FuzzySearch";-->
<!--import {SmallFuzzyList, SmallFuzzySearchResponse} from "@/api/first/FuzzySearch/type.ts";-->
<!--import {Delete} from "@element-plus/icons-vue";-->

<!--const check_input = () => {-->
<!--	if(components_fuzzy_search.value !== components_fuzzy_search.old_value)-->
<!--		components_fuzzy_search.value = components_fuzzy_search.old_value-->
<!--}-->

<!--// value mode-->
<!--const components_fuzzy_search = reactive<SmallAutoCompletion>({-->
<!--	value: '',-->
<!--	old_value: '',-->
<!--	mode: "名称",-->
<!--	small_name: "",-->
<!--	no: "",-->
<!--	small_id: "",-->
<!--	unit_price: "",-->
<!--	units: "",-->
<!--	model: "",-->
<!--	big_id: "",-->
<!--	big_name: "",-->
<!--	number: '/',-->
<!--})-->

<!--export interface SmallAutoCompletion {-->
<!--	value: string-->
<!--	old_value: string-->
<!--	mode: string-->
<!--	small_name: string-->
<!--	no: string-->
<!--	small_id: number | string-->
<!--	unit_price: number | string-->
<!--	units: string-->
<!--	model: string-->
<!--	big_id: number | string-->
<!--	big_name: string-->
<!--	number: number | string-->
<!--}-->

<!--// 使用小类名称进行模糊搜索-->
<!--const components_querySearchSmallName = (queryString: string, cb: (arg: any) => void) => {-->
<!--	if (queryString !== components_fuzzy_search.old_value && queryString !== '') {-->
<!--		clearTimeout(timeout)-->
<!--		timeout = setTimeout(() => {-->
<!--			// 执行查询操作-->
<!--			reqSmallFuzzySearch({-->
<!--				mode: components_fuzzy_search.mode as '名称' | '编号' | '型号',-->
<!--				fuzzy_search_object: queryString-->
<!--			}).then((result: SmallFuzzySearchResponse) => {-->
<!--				if(result.small_fuzzy_list.length === 1){-->
<!--					cb([])-->
<!--					components_handleSelectSmallName(result.small_fuzzy_list[0] as SmallFuzzyList)-->
<!--				}else{-->
<!--					cb(result.small_fuzzy_list)-->
<!--				}-->
<!--			})-->
<!--		}, 1500)-->
<!--	} else {-->
<!--		cb([])-->
<!--	}-->
<!--}-->

<!--// 在模糊搜索返回结果中点击确定后，保存搜索结果，清理掉之前的搜索结果-->
<!--const components_handleSelectSmallName = (item: SmallFuzzyList) => {-->
<!--	components_fuzzy_search.old_value = item.small_name-->
<!--	components_fuzzy_search.value = item.small_name-->
<!--	components_fuzzy_search.small_name = item.small_name-->
<!--	components_fuzzy_search.no = item.no-->
<!--	components_fuzzy_search.small_id = item.small_id-->
<!--	components_fuzzy_search.small_id = item.small_id-->
<!--	components_fuzzy_search.unit_price = item.unit_price-->
<!--	components_fuzzy_search.units = item.units-->
<!--	components_fuzzy_search.model = item.model-->
<!--	components_fuzzy_search.big_id = item.big_id-->
<!--	components_fuzzy_search.big_name = item.big_name-->
<!--	components_fuzzy_search.number = item.number-->

<!--	cmy('DataUse', components_fuzzy_search)-->
<!--}-->

<!--const clear_all = () => {-->
<!--	clear_input()-->
<!--	cmy('DataClear')-->
<!--}-->

<!--let timeout: any-->

<!--const abc = defineProps(["disable", 'content']);-->
<!--if (abc.content !== undefined) {-->
<!--	components_fuzzy_search.value = abc.content-->
<!--} else {-->
<!--	components_fuzzy_search.value = ''-->
<!--}-->
<!--const cmy: {-->
<!--	(e: 'DataUse', cmy: SmallAutoCompletion): void-->
<!--	(e: 'DataClear'): void-->
<!--} = defineEmits(["DataUse", "DataClear"]);-->
<!--const clear_input = () => {-->
<!--	components_fuzzy_search.value = ''-->
<!--	components_fuzzy_search.old_value = ''-->
<!--	components_fuzzy_search.small_name = ''-->
<!--	components_fuzzy_search.no = ''-->
<!--	components_fuzzy_search.small_id = ''-->
<!--	components_fuzzy_search.unit_price = ''-->
<!--	components_fuzzy_search.units = ''-->
<!--	components_fuzzy_search.model = '名称'-->
<!--	components_fuzzy_search.big_id = ''-->
<!--	components_fuzzy_search.big_name = ''-->
<!--	components_fuzzy_search.number = '/'-->
<!--}-->
<!--defineExpose({clear_input});-->


<!--</script>-->

<!--<style>-->
<!--.input-with-select .el-input-group__prepend {-->
<!--	padding: 0;-->
<!--}-->
<!--</style>-->